{% extends "base.html" %}
{% from "_icones.html" import icone %}
{% block titulo %}Configurações{% endblock %}
{% block conteudo %}
<div class="topo">
  <div><h1>Configurações</h1><p>Dados do emitente, certificado digital, numeração e tributação padrão.</p></div>
  <div class="acoes"><a class="btn" href="{{ url_for('backup') }}">{{ icone('download') }} Backup dos dados</a></div>
</div>

<div class="cartao">
  <div class="cab"><h2>{{ icone('chave') }} Certificado digital A1</h2>
    {% if cert and not cert.erro %}
      {% if cert.vencido %}<span class="selo erro">Vencido</span>
      {% elif cert.nao_iniciado %}<span class="selo alerta">Ainda não válido</span>
      {% elif cert.dias_restantes < 30 %}<span class="selo alerta">Vence em {{ cert.dias_restantes }} dias</span>
      {% else %}<span class="selo ok">Válido · {{ cert.dias_restantes }} dias restantes</span>{% endif %}
    {% elif cert %}<span class="selo erro">Com problema</span>
    {% else %}<span class="selo alerta">Não instalado</span>{% endif %}</div>
  <div class="corpo">
    {% if cert and cert.erro %}<div class="aviso erro">{{ cert.erro }}</div>{% endif %}
    {% if cert and not cert.erro %}
    {% for a in cert.alertas %}<div class="aviso info">{{ a }}</div>{% endfor %}
    <dl class="info" style="margin-bottom:14px">
      <dt>Titular</dt><dd>{{ cert.titular }}</dd>
      <dt>CNPJ</dt><dd>{{ cert.cnpj|doc or '—' }}</dd>
      <dt>Emitido por</dt><dd>{{ cert.emissor }}</dd>
      <dt>Válido de</dt><dd>{{ cert.valido_de }}</dd>
      <dt>Válido até</dt><dd>{{ cert.validade_completa }}</dd>
    </dl>
    <details style="margin-bottom:18px">
      <summary class="peq" style="cursor:pointer;color:var(--verde-700);font-weight:600">Ver todos os certificados do arquivo ({{ cert.certificados|length }})</summary>
      <div class="tabela-wrap" style="margin-top:10px"><table class="tab">
        <thead><tr><th>Certificado</th><th>Tipo</th><th>Válido de</th><th>Válido até</th></tr></thead>
        <tbody>{% for c in cert.certificados %}
          <tr><td><b>{{ c.nome }}</b><div class="suave peq">emitido por {{ c.emissor }}</div></td>
            <td class="peq">{% if c.em_uso %}<span class="selo ok">{{ c.papel }}</span>{% else %}{{ c.papel }}{% endif %}</td>
            <td class="nowrap">{{ c.de }}</td>
            <td class="nowrap">{{ c.ate }}{% if c.vencido %} <span class="selo neutro">vencido</span>{% endif %}</td></tr>
        {% endfor %}</tbody></table></div>
      <div class="ajuda">Data e hora deste computador: {{ cert.hora_computador }}. Certificados de AC vencidos na cadeia não impedem a emissão.</div>
    </details>
    {% endif %}
    <form method="post" action="{{ url_for('configuracoes_certificado') }}" enctype="multipart/form-data" class="campos">
      <div class="c6"><label>Arquivo do certificado (.pfx ou .p12)</label><input type="file" name="certificado" accept=".pfx,.p12" required></div>
      <div class="c4"><label>Senha do certificado</label><input type="password" name="senha" required autocomplete="new-password"></div>
      <div class="c2" style="align-self:end"><button class="btn prim" style="width:100%">{{ icone('upload') }} {{ 'Trocar' if cert else 'Enviar' }}</button></div>
      <div class="c12 ajuda">O certificado e a senha ficam salvos somente neste computador, na pasta <span class="mono">dados</span> do sistema. Proteja o acesso a ele.</div>
    </form>
    <div style="margin-top:12px"><a class="btn" href="{{ url_for('certificados_procurar') }}">{{ icone('busca') }} Procurar certificado neste computador</a></div>
    {% if cert %}
    <form method="post" action="{{ url_for('configuracoes_certificado_remover') }}" data-confirmar="Remover o certificado deste computador?" style="margin-top:10px">
      <button class="btn-link" style="color:var(--erro)">Remover certificado</button></form>
    {% endif %}
  </div>
</div>

<div class="cartao" id="ambiente">
  <div class="cab"><h2>{{ icone('sinal') }} Ambiente de emissão</h2>
    {% if homologacao %}<span class="amb hom">● Homologação (testes)</span>{% else %}<span class="amb prod">● Produção (valor fiscal)</span>{% endif %}</div>
  <div class="corpo" style="display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap">
    <div class="peq" style="max-width:720px">{% if homologacao %}As notas vão para o ambiente de <b>testes</b> da SEFAZ: não têm valor fiscal e o destinatário sai como “NF-E EMITIDA EM AMBIENTE DE HOMOLOGACAO”. Quando os testes estiverem certos, passe para produção.
      {% else %}As notas vão para o ambiente <b>oficial</b> da SEFAZ e têm valor fiscal. A numeração de produção é separada da de testes.{% endif %}</div>
    <button class="btn {{ 'prim' if homologacao }}" type="button" onclick="$('#dlg-ambiente').showModal()">Trocar para {{ 'produção' if homologacao else 'homologação' }}</button>
  </div>
</div>

<div class="cartao" id="logo">
  <div class="cab"><h2>{{ icone('imagem') }} Logo do emitente</h2>{% if tem_logo %}<span class="selo ok">No DANFE</span>{% endif %}</div>
  <div class="corpo" style="display:flex;gap:20px;align-items:center;flex-wrap:wrap">
    <div class="logo-previa">{% if tem_logo %}<img src="{{ url_for('logo_imagem') }}?v={{ agora.timestamp()|int }}" alt="Logo do emitente">{% else %}<span class="suave peq">Sem logo</span>{% endif %}</div>
    <form method="post" action="{{ url_for('configuracoes_logo') }}" enctype="multipart/form-data" class="com-botao" style="flex:1;min-width:280px">
      <input type="file" name="logo" accept="image/png,image/jpeg" required>
      <button class="btn prim">{{ icone('upload') }} {{ 'Trocar' if tem_logo else 'Enviar' }} logo</button>
    </form>
    {% if tem_logo %}<form method="post" action="{{ url_for('configuracoes_logo_remover') }}" data-confirmar="Remover o logo?"><button class="btn-link" style="color:var(--erro)">Remover</button></form>{% endif %}
    <div class="ajuda" style="flex-basis:100%">PNG ou JPG. Ele aparece no quadro do emitente no DANFE (PDF da nota), na carta de correção e no menu do sistema. Imagens largas e com fundo branco ficam melhores.</div>
  </div>
</div>

<form class="cartao" method="post" id="form-config" data-avisar-saida>
  <input type="hidden" name="aba_atual" id="aba-atual" value="{{ aba }}">
  <div class="abas" data-grupo="cfg">
    <button type="button" class="ativa" data-aba="emit">Emitente</button>
    <button type="button" data-aba="nota">Numeração</button>
    <button type="button" data-aba="trib">Tributação padrão</button>
    <button type="button" data-aba="contab">Contabilidade e acesso ao XML</button>
    <button type="button" data-aba="arquivos">Arquivos</button>
    <button type="button" data-aba="email">E-mail</button>
    <button type="button" data-aba="modulos">Módulos</button>
    <button type="button" data-aba="resp">Responsável técnico</button>
  </div>
  <div class="corpo">
    <div class="painel-aba ativa" data-grupo="cfg" data-aba="emit"><div class="campos">
      <div class="c4"><label>CNPJ</label>
        <div class="com-botao"><input name="cnpj" value="{{ cfg.cnpj|doc if cfg.cnpj else ((cert.cnpj|doc) if cert and not cert.erro and cert.cnpj else '') }}">
        <button class="btn" type="button" onclick="buscarCNPJ(this.form,'cnpj')">{{ icone('busca') }}</button></div></div>
      {% if not cfg.cnpj and cert and not cert.erro and cert.cnpj %}<div class="c12 aviso info" style="margin:0">Preenchi o CNPJ do certificado. Clique na lupa ao lado dele para buscar os demais dados e depois em <b>Salvar configurações</b>.</div>{% endif %}
      <div class="c8"><label>Razão social</label><input name="razao_social" value="{{ cfg.razao_social }}" maxlength="60"></div>
      <input type="hidden" name="nome"><input type="hidden" name="fantasia">
      <div class="c6"><label>Nome fantasia</label><input name="nome_fantasia" value="{{ cfg.nome_fantasia }}"></div>
      <div class="c3"><label>Inscrição estadual</label><input name="ie" value="{{ cfg.ie }}"></div>
      <div class="c3"><label>Regime tributário</label><select name="regime">
        {% for k, r in REGIMES.items() %}<option value="{{ k }}" {{ 'selected' if (cfg.regime or 'presumido') == k }}>{{ r.nome }} (CRT {{ r.crt }})</option>{% endfor %}</select></div>
      <div class="c3"><label>Inscrição municipal <span class="opc">(opcional)</span></label><input name="im" value="{{ cfg.im }}"></div>
      <div class="c3"><label>CNAE <span class="opc">(com IM)</span></label><input name="cnae" value="{{ cfg.cnae }}"></div>
      <div class="c3"><label>Telefone</label><input name="fone" value="{{ cfg.fone }}"></div>
      <div class="c3"><label>E-mail</label><input name="email" type="email" value="{{ cfg.email }}"></div>
      <div class="secao-titulo">Endereço</div>
      <div class="c3"><label>CEP</label><input name="cep" value="{{ cfg.cep }}" onblur="buscarCEP(this.form)"></div>
      <div class="c7"><label>Logradouro</label><input name="logradouro" value="{{ cfg.logradouro }}" maxlength="60"></div>
      <div class="c2"><label>Número</label><input name="numero" value="{{ cfg.numero }}"></div>
      <div class="c4"><label>Complemento</label><input name="complemento" value="{{ cfg.complemento }}"></div>
      <div class="c4"><label>Bairro</label><input name="bairro" value="{{ cfg.bairro }}"></div>
      <div class="c2"><label>UF</label><select name="uf">{% for uf in UFS %}<option {{ 'selected' if (cfg.uf or 'BA') == uf }}>{{ uf }}</option>{% endfor %}</select></div>
      <div class="c2 meio"><label>Município</label><input name="municipio" value="{{ cfg.municipio }}"></div>
      <div class="c12 ajuda">A nota é enviada para a SEFAZ da UF do emitente (ou para a SEFAZ Virtual que atende o seu estado).</div>
    </div></div>

    <div class="painel-aba" data-grupo="cfg" data-aba="nota"><div class="campos">
      <div class="c2 meio"><label>Série padrão</label><input name="serie" value="{{ cfg.serie }}" inputmode="numeric"></div>
      <div class="c3 meio"><label>Próximo número em produção</label><input name="proximo_numero" value="{{ cfg.proximo_numero }}" inputmode="numeric"></div>
      <div class="c3 meio"><label>Próximo número em homologação</label><input name="proximo_numero_homolog" value="{{ cfg.proximo_numero_homolog }}" inputmode="numeric"></div>
      <div class="c4"><label>Natureza padrão</label><input name="natureza_padrao" value="{{ cfg.natureza_padrao }}" maxlength="60"></div>
      <div class="c12 ajuda">Se você já emitia notas em outro sistema, use em “produção” o número seguinte ao último emitido lá, na mesma série. O sistema nunca volta abaixo da última nota já emitida. Também dá para escolher a série e o número de cada nota na hora de emitir.</div>
      <div class="c12"><label>Texto padrão nas informações complementares <span class="opc">(opcional)</span></label>
        <textarea name="info_padrao" rows="2">{{ cfg.info_padrao }}</textarea></div>
    </div></div>

    <div class="painel-aba" data-grupo="cfg" data-aba="trib"><div class="campos">
      <div class="c3 meio"><label>ICMS interno (%)</label><input name="aliq_icms" value="{{ cfg.aliq_icms }}"></div>
      <div class="c3 meio"><label>PIS (%)</label><input name="aliq_pis" value="{{ cfg.aliq_pis }}"></div>
      <div class="c3 meio"><label>COFINS (%)</label><input name="aliq_cofins" value="{{ cfg.aliq_cofins }}"></div>
      <div class="c3 meio"><span></span></div>
      <div class="c12 ajuda">Referência: Lucro Presumido 0,65% / 3,00% (cumulativo) · Lucro Real 1,65% / 7,60% (não cumulativo) ·
        Simples Nacional/MEI: PIS e COFINS vão no DAS (CST 49, sem alíquota na nota). Confirme o ICMS interno do seu estado com o contador.</div>
      <div class="secao-titulo so-simples">Simples Nacional / MEI</div>
      <div class="c4 so-simples so-csosn"><label>CSOSN padrão dos produtos</label><select name="csosn_padrao">
        {% for k, v in CSOSN.items() %}
        <option value="{{ k }}" {{ 'selected' if (cfg.csosn_padrao or '102') == k }}>{{ v }}</option>{% endfor %}</select></div>
      <div class="c4 meio so-simples so-csosn"><label>Alíquota de crédito do ICMS (%) <span class="opc">CSOSN 101</span></label><input name="aliq_credito_sn" value="{{ cfg.aliq_credito_sn or '' }}" placeholder="ex.: 1,25"></div>
      <div class="c4 so-simples"><label class="check" style="margin-top:22px"><input type="checkbox" name="ibscbs_simples" value="1" {{ 'checked' if cfg.ibscbs_simples in (True, '1', 1) }}>
        <span>Informar IBS/CBS nas notas em 2026 <span class="opc">(opcional para o Simples; obrigatório a partir de 2027)</span></span></label></div>
      <div class="c12 ajuda so-simples">Com CSOSN 101, a alíquota de crédito é a do anexo do Simples na sua faixa de receita (o contador informa todo mês). O texto do art. 23 da LC 123/2006 entra sozinho na nota.</div>
      <div class="secao-titulo">IBS / CBS (fase de teste da Reforma)</div>
      <div class="c4 meio"><label>IBS estadual (%)</label><input name="aliq_ibs_uf" value="{{ cfg.aliq_ibs_uf }}"></div>
      <div class="c4 meio"><label>IBS municipal (%)</label><input name="aliq_ibs_mun" value="{{ cfg.aliq_ibs_mun }}"></div>
      <div class="c4"><label>CBS (%)</label><input name="aliq_cbs" value="{{ cfg.aliq_cbs }}"></div>
      <div class="c12 ajuda">Em 2026 as alíquotas de teste são 0,1% de IBS e 0,9% de CBS. Os valores são informativos e não somam no total da nota.</div>
      <div class="secao-titulo">Tributos aproximados (Lei 12.741/2012)</div>
      <div class="c3 meio"><label>Percentual padrão (%)</label><input name="trib_aprox_padrao" value="{{ cfg.trib_aprox_padrao or '' }}" placeholder="ex.: 31,45"></div>
      <div class="c3"><label>Fonte</label><input name="trib_aprox_fonte" value="{{ cfg.trib_aprox_fonte or '' }}" placeholder="IBPT"></div>
      <div class="c6 ajuda" style="align-self:end">Nas vendas a consumidor final a nota informa o valor aproximado dos tributos. Use a tabela do IBPT;
        o percentual do produto (cadastro) tem preferência sobre este.</div>
      <div class="secao-titulo">Tabela de UFs: alíquota interna, FCP e cálculo do DIFAL</div>
      <div class="c12 ajuda">Usada na ST (alíquota interna do destino) e no DIFAL de vendas a consumidor final de outra UF.
        Vem com as alíquotas gerais de 2026 e a base única do Convênio ICMS 236/2021; algumas UFs cobram o DIFAL por “base dupla”.
        Confira com o contador e ajuste aqui. Produtos com alíquota própria: informe no cadastro do produto.</div>
      <div class="c12"><div class="tabela-wrap"><table class="tab"><thead><tr><th>UF</th><th>Alíq. interna %</th><th>FCP %</th><th>Base do DIFAL</th></tr></thead><tbody>
        {% for uf, t in TABELA_UFS_EFETIVA.items() %}<tr><td><b>{{ uf }}</b></td>
          <td><input name="uf_{{ uf }}_aliq" value="{{ t.aliq }}" inputmode="decimal" style="max-width:90px"></td>
          <td><input name="uf_{{ uf }}_fcp" value="{{ t.fcp }}" inputmode="decimal" style="max-width:90px"></td>
          <td><select name="uf_{{ uf }}_difal_base"><option value="unica" {{ 'selected' if t.difal_base == 'unica' }}>Única</option><option value="dupla" {{ 'selected' if t.difal_base == 'dupla' }}>Dupla (por dentro)</option></select></td></tr>{% endfor %}
      </tbody></table></div></div>
    </div></div>

    <div class="painel-aba" data-grupo="cfg" data-aba="contab"><div class="campos">
      <div class="c12 ajuda">Estas pessoas recebem permissão para baixar o XML das notas direto no portal da SEFAZ (campo “autorizados a acessar o XML”).
        {% if automatico_contador %}<b>Na Bahia ele é obrigatório:</b> a SEFAZ-BA rejeita a nota (código 486) sem o CPF/CNPJ do escritório de contabilidade cadastrado nela. Se você deixar em branco, o sistema coloca o CNPJ da própria SEFAZ-BA ({{ automatico_contador|doc }}), como a SEFAZ permite.{% endif %}</div>
      <div class="c4"><label>CPF/CNPJ do escritório de contabilidade</label><input name="contador_doc" value="{{ cfg.contador_doc|doc }}" placeholder="{{ automatico_contador|doc if automatico_contador else '' }}"></div>
      <div class="c4"><label>Nome do escritório / contador</label><input name="contador_nome" value="{{ cfg.contador_nome }}"></div>
      <div class="c4"><label>E-mail do contador</label><input name="contador_email" value="{{ cfg.contador_email }}" placeholder="para enviar os XMLs do mês"></div>
      <div class="c12"><label>Outras pessoas autorizadas em todas as notas <span class="opc">(uma por linha: CPF/CNPJ - nome; máximo 9)</span></label>
        <textarea name="autorizados_padrao" rows="3" class="mono" placeholder="00.000.000/0001-00 - Nome">{{ autorizados_texto }}</textarea>
        <div class="ajuda">Na hora de emitir, você ainda pode acrescentar autorizados só para aquela nota (aba “Acesso ao XML”).</div></div>
    </div></div>

    <div class="painel-aba" data-grupo="cfg" data-aba="arquivos"><div class="campos">
      <div class="c12"><label class="check"><input type="checkbox" name="salvar_automatico" value="1" {{ 'checked' if cfg.salvar_automatico == '1' }}> Salvar automaticamente o PDF (DANFE) e o XML de cada nota autorizada, cancelada ou corrigida numa pasta do computador</label></div>
      <div class="c9"><label>Pasta das notas</label><input name="pasta_notas" value="{{ cfg.pasta_notas }}" placeholder="{{ pasta_notas_padrao }}">
        <div class="ajuda">Em branco: <span class="mono">{{ pasta_notas_padrao }}</span>. Dentro dela, uma pasta por mês (AAAA-MM). As notas de teste ficam numa subpasta separada.</div></div>
      <div class="c3" style="align-self:start;margin-top:22px"><button class="btn" type="submit" form="form-abrir-pasta" style="width:100%">{{ icone('pasta') }} Abrir pasta</button></div>
    </div></div>

    <div class="painel-aba" data-grupo="cfg" data-aba="email"><div class="campos">
      <div class="c12 ajuda">Usado para mandar a nota (PDF + XML) ao cliente e os XMLs do mês ao contador. Com Gmail, ative a verificação em duas etapas e crie uma <b>senha de app</b> em Conta Google → Segurança → Senhas de app; use essa senha aqui, não a senha normal.</div>
      <div class="c4"><label>E-mail que vai enviar</label><input name="email_remetente" value="{{ cfg.email_remetente }}" placeholder="voce@gmail.com"></div>
      <div class="c4"><label>Nome que aparece</label><input name="email_nome" value="{{ cfg.email_nome }}" placeholder="{{ cfg.nome_fantasia or cfg.razao_social }}"></div>
      <div class="c4"><label>Cópia oculta para <span class="opc">(opcional)</span></label><input name="email_copia" value="{{ cfg.email_copia }}"></div>
      <div class="c4"><label>Servidor SMTP</label><input name="smtp_servidor" value="{{ cfg.smtp_servidor }}" placeholder="preenchido sozinho para Gmail, Outlook, Yahoo…"></div>
      <div class="c2 meio"><label>Porta</label><input name="smtp_porta" value="{{ cfg.smtp_porta }}" inputmode="numeric"></div>
      <div class="c2 meio"><label>Segurança</label><select name="smtp_seguranca">
        {% for k, v in (('ssl','SSL'),('starttls','STARTTLS'),('nenhuma','Nenhuma')) %}<option value="{{ k }}" {{ 'selected' if cfg.smtp_seguranca == k }}>{{ v }}</option>{% endfor %}</select></div>
      <div class="c4"><label>Usuário <span class="opc">(normalmente o próprio e-mail)</span></label><input name="smtp_usuario" value="{{ cfg.smtp_usuario }}" autocomplete="off"></div>
      <div class="c4"><label>Senha {% if cfg.smtp_senha %}<span class="opc">(salva; deixe em branco para manter)</span>{% endif %}</label><input type="password" name="smtp_senha" autocomplete="new-password"></div>
      <div class="c8" style="align-self:end"><label class="check"><input type="checkbox" name="email_automatico" value="1" {{ 'checked' if cfg.email_automatico == '1' }}> Mandar a nota por e-mail ao cliente assim que for autorizada (se o cliente tiver e-mail)</label></div>
      <div class="c12"><label>Assunto</label><input name="email_assunto" value="{{ cfg.email_assunto }}"></div>
      <div class="c12"><label>Mensagem</label><textarea name="email_corpo" rows="6">{{ cfg.email_corpo }}</textarea>
        <div class="ajuda">Campos que o sistema troca: {numero} {serie} {chave} {valor} {data} {cliente} {emitente}</div></div>
      {% if email_ok %}<div class="c12"><button class="btn" type="submit" form="form-email-teste">{{ icone('sinal') }} Enviar e-mail de teste para mim</button></div>{% endif %}
    </div></div>

    <div class="painel-aba" data-grupo="cfg" data-aba="modulos" id="modulos"><div class="campos">
      <div class="c12 ajuda">Ligue só o que a empresa usa. Desligar um módulo apenas esconde as telas: nenhum dado é apagado.</div>
      {% for k, m in LISTA_MODULOS.items() %}
      <div class="c6"><label class="check"><input type="checkbox" name="mod_{{ k }}" value="1" {{ 'checked' if MODULOS[k] }}>
        <span><b>{{ m.nome }}</b> — {{ m.descricao }}</span></label></div>{% endfor %}
    </div></div>

    <div class="painel-aba" data-grupo="cfg" data-aba="resp"><div class="campos">
      {% if RESP_TECNICO_FIXO %}<div class="c12 aviso info" style="margin:0">O responsável técnico informado nas notas é a desenvolvedora do sistema
        ({{ RESP_TECNICO_FIXO }}). Os campos abaixo não são usados.</div>{% endif %}
      <div class="c12 ajuda">Grupo exigido no XML. Se ficar em branco, o próprio emitente é informado como responsável técnico do sistema.</div>
      <div class="c4"><label>CNPJ</label><input name="resp_cnpj" value="{{ cfg.resp_cnpj|doc }}"></div>
      <div class="c8"><label>Contato</label><input name="resp_contato" value="{{ cfg.resp_contato }}"></div>
      <div class="c6"><label>E-mail</label><input name="resp_email" value="{{ cfg.resp_email }}"></div>
      <div class="c6"><label>Telefone</label><input name="resp_fone" value="{{ cfg.resp_fone }}"></div>
    </div></div>
  </div>
  <div class="rodape-form"><button class="btn prim">Salvar configurações</button></div>
</form>
<form id="form-abrir-pasta" method="post" action="{{ url_for('pasta_notas_abrir') }}"></form>
<form id="form-email-teste" method="post" action="{{ url_for('configuracoes_email_teste') }}" data-carregando="Enviando e-mail de teste..."></form>

<div class="cartao" id="dados">
  <div class="cab"><h2>{{ icone('escudo') }} Dados e backup</h2><span class="selo ok">Salvamento automático ativo</span></div>
  <div class="corpo">
    <p style="margin-top:0">Tudo o que você cadastra é gravado no disco <b>na hora em que você clica em salvar</b>. Fechar o navegador ou a janela do sistema não apaga nada. A nota em edição também é salva sozinha enquanto você digita.</p>
    <dl class="info" style="margin-bottom:16px">
      <dt>Pasta dos dados</dt><dd class="mono" style="word-break:break-all">{{ dados.pasta }}</dd>
      <dt>Neste sistema</dt><dd>{{ dados.atual.produtos }} produtos · {{ dados.atual.clientes }} clientes · {{ dados.atual.notas }} notas</dd>
      <dt>Cópias automáticas</dt><dd>{{ dados.backups|length }} cópia(s) diária(s){% if dados.backups %}, a última em {{ dados.backups[0].data }}{% endif %}</dd>
    </dl>
    <p class="peq suave">Essa pasta fica fora da pasta do programa. Ao baixar uma versão nova, os dados continuam lá, mesmo que você extraia o programa em outro lugar.</p>
    <div class="acoes" style="margin-top:12px">
      <a class="btn" href="{{ url_for('backup') }}">{{ icone('download') }} Baixar backup completo</a>
      <a class="btn" href="{{ url_for('dados_procurar') }}">{{ icone('busca') }} Procurar dados de versão anterior</a>
    </div>
    <form method="post" action="{{ url_for('dados_importar') }}" enctype="multipart/form-data" class="campos" style="margin-top:18px" data-carregando="Importando dados...">
      <div class="c8"><label>Importar backup (.zip) ou banco de dados (emissor.db)</label><input type="file" name="arquivo" accept=".zip,.db" required></div>
      <div class="c4" style="align-self:end"><button class="btn" style="width:100%">{{ icone('upload') }} Importar</button></div>
      <div class="c12 ajuda">A importação <b>junta</b> os dados ao que já existe: só acrescenta produtos, clientes, grupos e notas que ainda não estão aqui. Antes, o sistema faz uma cópia de segurança.</div>
    </form>
  </div>
</div>
{% endblock %}
{% block scripts %}
<script>
const fc = $('#form-config');
ligarUfMunicipio(fc.uf, fc.municipio, 'lista-mun-cfg');
const REGIMES_JS = {{ REGIMES|tojson }};
function mostrarRegime(trocou) {
  const r = REGIMES_JS[fc.regime.value] || {};
  document.querySelectorAll('.so-simples').forEach((el) => { el.hidden = !r.pis_cofins_simples; });
  document.querySelectorAll('.so-csosn').forEach((el) => { el.hidden = !r.csosn; });
  if (trocou) { fc.aliq_pis.value = r.aliq_pis; fc.aliq_cofins.value = r.aliq_cofins; }
}
fc.regime.addEventListener('change', () => mostrarRegime(true));
mostrarRegime(false);
fc.nome.addEventListener('change', () => { if (fc.nome.value) fc.razao_social.value = fc.nome.value; });
fc.fantasia.addEventListener('change', () => { if (fc.fantasia.value) fc.nome_fantasia.value = fc.fantasia.value; });
// abre a aba pedida (?aba=) e lembra a aba atual ao salvar
const abaInicial = {{ aba|tojson }};
document.addEventListener('DOMContentLoaded', () => {  // depois que as abas foram ligadas (app.js)
  const botaoAba = abaInicial && $(`.abas[data-grupo="cfg"] button[data-aba="${abaInicial}"]`);
  if (botaoAba) botaoAba.click();
  if (abaInicial === 'logo') document.getElementById('logo').scrollIntoView();
});
$('.abas[data-grupo="cfg"]').addEventListener('click', (e) => {
  const b = e.target.closest('button[data-aba]');
  if (b) $('#aba-atual').value = b.dataset.aba;
});
fc.email_remetente.addEventListener('change', () => {
  if (!fc.smtp_usuario.value) fc.smtp_usuario.value = fc.email_remetente.value;
});
</script>
{% endblock %}